<template>
    <div>
        <Nav />
        <ArticleNav />
        <div id="articles">
            <ArticleHead />
            <router-view></router-view> 
            <ArticleRight />
        </div>    
    </div>
</template>
<script>
import Nav from '@/components/Nav.vue'
import ArticleNav from '@/components/talk/ArticleNav.vue'
import ArticleHead from '@/components/talk/ArticleHead.vue'
import ArticleRight from '@/components/talk/ArticleRight.vue'
import ArticleText from '@/components/talk/ArticleText.vue'
export default {
    components: {
        Nav,
        ArticleNav,
        ArticleHead,
        ArticleRight,
        ArticleText
    }
}
</script>
<style>
 body{
       background-color:rgb(243, 242, 242); 
    }
        #articles{
            width: 1200px;
            position: relative;
            margin: 0 auto;
            margin-top: 70px;
             /* background-color:rgb(243, 242, 242);  */
        }
</style>